<template>
  <div class="xc-header">
    <van-nav-bar
      :title="title"
      left-text=""
      right-text="按钮"
      left-arrow=true
      @click-left="onClickLeft"
      @click-right="onClickRight"
    />
  </div>
</template>
<script>
import { NavBar } from "vant";

export default {
  name: "xc-header",
  data() {
    return {
      
    };
  },
  props: {
    title: {
      type: String,
      default: ''
    }
  },
  watch: {
    
  },
  methods: {
    
  },
  activated() {
    
  }
};
</script>
<style lang="less" >
  .xc-header,.van-nav-bar{
    background-color: @theme-color;
    color:#fff;
  }
  .header{
    color:#fff;
  }
  .van-icon-arrow-left:before,.van-nav-bar__text,.van-nav-bar__title{
    color:#fff;
  }
</style>
